<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.input_div{
				display: flex;
				margin-top:5px ;
				color: #5f5f5f!important;
			}
			.input_div input{
				width: 250px;
				height: 27px;
				margin-top: 5px;
				border: 1px solid #d2d6de;
				border-radius: 0%;
				outline: 0px;
				padding: 3px;
				
			}
			.input_div span{
				margin-top: 5px;
				display: block;
				width: 60px;
				height: 23px;
				padding: 5px;
				padding-left: 5px;
				background-color:#fafafa ;
				/*设置边框*/
				border: 1px solid #d2d6de;
				border-right: none;
				/*布局居中*/
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.input_div{
				position: relative;
			}
			.input_tip{
				display: flex;
				border: 1px solid #d2d6de;
				padding: 5px;
				padding-bottom: 7px;
				padding-left: 5px;
				padding-right: 5px;
			}
		
		</style>
	</head>
	<body>
		<form>
			<div class="input_div" >
				<span>标签:</span>
				<input type="text"  tip="提示信息">
			</div>
		</form>
		
		
		<div class="input_div" >
			<div class="input_tip">
				<span>标签:</span>
				<input type="text"  tip="提示信息">
			</div>
		</div>
		
		
		
		
	</body>
</html>